<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>无线点餐平台</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="${ctx}/css/common_style_blue.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="${ctx}/css/index_1.css" />
    <link href="${ctx}/css/index.css" rel="stylesheet" type="text/css" />
</head>
<body style="text-align: center">
<div id="all">
    <div id="menu">
        <!-- 显示菜品的div -->
        <div id="top">
            <ul>
                <!-- 循环列出餐品 -->
                <li>
                    <dl>
                        <dt>
                            <a href="caixiangxi.jsp">
                                <img width="214px" height="145px" src="/images/baizhuoxia.jpg" />
                            </a>
                        </dt>
                        <dd class="f1">
                            <a href="caixiangxi.jsp">白灼虾</a>
                        </dd>
                        <dd class="f2">
                            <a href="caixiangxi.jsp">&yen;36.0</a>
                        </dd>
                    </dl>
                </li>

                <li>
                    <dl>
                        <dt>
                            <a href="caixiangxi.jsp">
                                <img width="214px" height="145px" src="/images/baiqieji.jpg" />
                            </a>
                        </dt>
                        <dd class="f1">
                            <a href="caixiangxi.jsp">白切鸡</a>
                        </dd>
                        <dd class="f2">
                            <a href="caixiangxi.jsp">&yen;68.0</a>
                        </dd>
                    </dl>
                </li>

                <li>
                    <dl>
                        <dt>
                            <a href="caixiangxi.jsp">
                                <img width="214px" height="145px" src="/images/kaoruzhu.JPG" />
                            </a>
                        </dt>
                        <dd class="f1">
                            <a href="caixiangxi.jsp">烤乳猪</a>
                        </dd>
                        <dd class="f2">
                            <a href="caixiangxi.jsp">&yen;68.0</a>
                        </dd>
                    </dl>
                </li>

                <li>
                    <dl>
                        <dt>
                            <a href="caixiangxi.jsp">

                                <img width="214px" height="145px" src="/images/shaoe.jpg" />
                            </a>
                        </dt>
                        <dd class="f1">
                            <a href="caixiangxi.caixiangxi.jsp">烧鹅</a>
                        </dd>
                        <dd class="f2">
                            <a href="caixiangxi.caixiangxi.jsp">&yen;68.0</a>
                        </dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>
                            <a href="caixiangxi.jsp">
                                <img width="214px" height="145px" src="/images/helandou.jpg" />
                            </a>
                        </dt>
                        <dd class="f1">
                            <a href="caixiangxi.jsp">猪肉荷兰豆</a>
                        </dd>
                        <dd class="f2">
                            <a href="caixiangxi.jsp">&yen;68.0</a>
                        </dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>
                            <a href="caixiangxi.jsp">
                                <img width="214px" height="145px" src="/images/huangbuchaodan.jpg" />
                            </a>
                        </dt>
                        <dd class="f1">
                            <a href="caixiangxi.jsp">黄埔炒蛋</a>
                        </dd>
                        <dd class="f2">
                            <a href="caixiangxi.jsp">&yen;68.0</a>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
        <!-- 底部分页导航条div -->
        <div id="foot">
						<span
                                style="float:left; line-height:53PX; margin-left:-50px; font-weight:bold; ">
							<span style="font-weight:bold">&lt;&lt;</span>
						</span>
            <div id="btn">
                <ul>
                    <!-- 参看 百度, 谷歌是 左 5 右 4 -->
                    <li><a
                            href="#">1</a></li>

                    <li><a
                            href="#">2</a></li>
                </ul>
            </div>
            <span style="float:right; line-height:53px; margin-right:10px;  ">
							<a
                                    href="#"
                                    style=" text-decoration:none;color:#000000; font-weight:bold">&gt;&gt;</a>
						</span>
        </div>
    </div>
    <!-- 右边菜系列表，菜品搜索框  -->
    <div id="dish_class">
        <div id="dish_2">
            <ul>
                <li>
                    <a href="caidan.jsp" style="color:white">粤菜</a>
                </li>
                <li>
                    <a href="chuancai.jsp" style="color:white">川菜</a>
                </li>
                <li>
                    <a href="chuancai.jsp" style="color:white">湘菜</a>
                </li>
                <li>
                    <a href="chuancai.jsp" style="color:white">东北菜</a>
                </li>
            </ul>
        </div>
        <div id="dish_3">
            <!-- 搜索菜品表单  -->
            <form action="#" method="post">
                <table width="166px">
                    <tr>
                        <td>
                            <a href="clientOrderList.html">
                                <img src="/images/btn_Bg.png" width="150px" height="50px" style="margin-top:100px;"/>
                            </a>
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </div>

</div>
</body>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/page_common.js"></script>
</html>